<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>
        添加模板
    </title>

    <meta name="keywords" content="">
    <meta name="description" content="">

    <script src="js/jquery.min.js?v=2.1.4" rel="stylesheet"></script>
    <link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">

    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
    <link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">

    <script type="text/javascript" src="js/demo/Investigation.js" ></script>

    <link rel="stylesheet" type="text/css" href="css/demo/Investigation.css">
</head>

<body>

<div class="col-sm-12">
    <div class="row">
        <div class="col-sm-1"><br></div>
        <div class="col-sm-11">
             <br>
             <a class="btn btn-primary btn-rounded" href="/template/all">模板列表</a>
        </div>
    </div>

<div class="Content" style="margin:0 auto;">
    <div id='Investigation'><div class="BackGrey" style="display: none;position:relative;left: 0px;top: 0px;z-index:10001;opacity: 0.6;width: 100%;background-color: rgb(0, 0, 0);"></div>
        <div class='InvestigationView' style='margin:0 auto;width:1000px;'>

            <div class='Content' style='clear:both;height:auto;text-align:left;padding: 15px 150px 15px 150px;margin-left:auto;margin-right:auto;'>
                <div class='InvestigationHead' title='编辑模板标题与描述' onclick='Investigation.InvestigationHeadClick();'><h1 id='investigation_title' style='font-size:24px;font-weight:bold;color:#F94B4B;padding:15px 0;line-height:24px;margin:0;'>模板标题</h1><div id='investigation_desc' class='investigationdescription'>请编写模板描述</div></div>
                <div class='InvestigationTitle' style='display:none;margin:0 auto;width:530px;height:300px;padding-left:10px;padding-top:20px;z-index:10005'>
                    <table style='margin:0 auto;'>
                        <tr><td><p>模板标题：</p></td><td><input type="text" value="模板标题" /></td></tr>
                        <tr><td><p>模板说明：</p></td><td><textarea rows="2" cols="20" style="height:150px;display:inline-block;">请编写模板描述</textarea></td></tr>
                    </table>
                    <div style='margin-top:10px;text-align:center;'><input type='button' class='investigation_title_save' value='保存' Onclick='Investigation.Investigation_title_save_Click();' /></div>
                </div>
            </div>

            <div>
                <center>
                <button class="btn" type="button" onclick="Investigation.CreateSingle();">单选</i>
                </button>
                <button class="btn"  type="button" onclick="Investigation.CreateMulti();">多选</i>
                </button>
                <button class="btn" type="button" onclick="Investigation.CreateBlank();">填空</i>
                </button>

                    <button class="btn btn-success del" type="button">完成</i>
                    </button>
                </center>
                <br>
            </div>

        </div>
    </div>
</div>
</div>

<script>
$('.del').click(function () {
swal({
    title: "您确定要提交模板吗？",
    text:  "提交后将无法修改，请谨慎核对！",
    type:   "warning",
    showCancelButton: true,
    cancelButtonText: '取消',
    confirmButtonColor: "#DD6B55",
    confirmButtonText: "提交",
    closeOnConfirm: false
}, function () {
    Investigation.SaveJson();
    swal({
            title: "已成功添加模板",
            type: "success",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "返回列表",
            cancelButtonText: "继续添加",
            closeOnConfirm: false,
            closeOnCancel: false
        },
        function (isConfirm) {
            if (isConfirm) {
                window.location.href="template/all";
            } else {
                window.location.href="/toPage?url=flow_template_add";
            }
        });
});
});

</script>

<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js?v=3.3.6"></script>
<script src="js/plugins/sweetalert/sweetalert.min.js"></script>
<!-- 自定义js -->
<script src="js/content.js?v=1.0.0"></script>
<!-- <div class="test">看看各带color的属性设置为transparent时的效果</div>  -->
</body>
</html>